.t-layout__sider, .t-default-menu {
  background-color: rgba(240, 243, 246, 1);
}

.side-layout-content {
  height: 100vh;
  padding: var(--td-comp-paddingTB-l) 0;
}

.tdesign-starter-layout {
  height: 100%;
  border-radius: var(--td-radius-medium);
  padding-right: var(--td-comp-paddingTB-m);
}

.t-menu__logo > * {
  margin-left: 0;
}

.t-default-menu__inner .t-menu__logo:not(:empty) {
  height: 80px;
}

.t-layout, .t-layout__direction-vertical {
  background-color: rgba(240, 243, 246, 1);
}

.t-layout--with-sider {
  padding: 0;
}

.tdesign-starter-content-layout {
  padding: 0;
  height: 100%;
}

.t-default-menu .t-menu__item {
  margin-bottom: 16px;
  //padding-left: 15px;
  border-radius: var(--td-radius-extraLarge);

  &:last-child {
    //margin-bottom: 0;
  }
}

.t-default-menu__inner .t-menu--scroll::-webkit-scrollbar {
  width: 0;
}

.t-submenu .t-menu__item {
  //padding-left: 15px;
}

.t-menu__content {
  color: #000000;
  margin-left: var(--td-comp-margin-xs);
}

.t-submenu .t-menu__content {
  color: #000000;
}

.t-default-menu .t-menu__sub .t-menu__item {
  padding-left: 40px;
}

.t-default-menu .t-menu__sub .t-menu__item .t-menu__content {
  color: #000000;
}

.t-default-menu:not(.t-menu--dark) .t-menu__item.t-is-active:not(.t-is-opened) {
  background-color: #FFFFFF;
}

.t-default-menu:not(.t-menu--dark) .t-menu__item.t-is-active:not(.t-is-opened) .t-menu__content {
  //color: var(--td-brand-color);
  color: #000000;
}

.t-default-menu .t-menu__item .t-fake-arrow {
  //display: none;
}

.t-menu__item .file-img-wrap {
  position: absolute;
  top: 50%;
  left: 12px;
  margin: 0;
  width: 20px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
}

.t-menu__item .file-img-wrap .file-img {
  width: 12px;
  height: 12px;
  background: url("@/assets/uav-active.png") no-repeat;
  background-size: 12px 12px;
}

.t-menu__item.t-is-active .file-img-wrap .file-img {
  background: url("@/assets/uav-active.png") no-repeat;
  background-size: 12px 12px;
}

.t-menu__item .icon-wrap {
  //position: absolute;
  //top: 50%;
  //left: 12px;
  //margin: 0;
  width: 24px;
  //height: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  //transform: translateY(-50%);

  i {
    width: 26px;
    height: 26px;
    font-size: 26px;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}


.chevron-icon {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.1s ease;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  color: #000000;
}

.t-is-opened .chevron-icon {
  transform: rotate(90deg);
}

.t-submenu .t-menu__item:hover {
  .chevron-icon-wrap {
    display: flex;
  }

  .chevron-icon {
    color: #000000;
  }
}

.t-default-menu:not(.t-menu--dark) .t-menu__item.t-is-active:not(.t-is-opened) .t-icon {
  color: #000000;
}

// 富文本编辑器
.ql-container {
  min-height: 160px !important;
}

// 卡片
.t-card__body {
  padding: var(--td-comp-paddingTB-xl) var(--td-comp-paddingLR-xl);
}


// 表单

.t-form__label--required label {
  display: flex;
}

.t-form__label--required label::before {
  content: '' !important;
  margin-right: 0;
}

.t-form__label--required label::after {
  color: red;
  font-weight: bold;
  line-height: 24px;
  content: '*' !important;
  padding-left: var(--td-comp-margin-xs);
}


.form-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  color: var(--td-font-gray-2);
}

.t-form-inline .t-form__item {
  min-width: 100px;
}

// 输入框
.filter .t-input, .t-input.t-is-readonly, .t-textarea__inner {
  //background-color: #F8F8F8;
}

.t-input {
  border-radius: var(--td-radius-medium);
  //background-color: #F8F8F8;
}

.t-input.t-size-l {
  font-size: 17px;
  //min-height: 56px;
}

.t-input-number.t-size-l.t-is-controls-right .t-input {
  font-size: 17px;
  //min-height: 56px;
}

.t-input-number.t-size-l .t-input {
  font-size: 17px;
  //min-height: 56px;
}

//.t-input-number.t-is-controls-right.t-size-l .t-input-number__increase, .t-input-number.t-is-controls-right.t-size-l .t-input-number__decrease{
//  height: calc(calc(var(--td-comp-size-xxxl) / 2) - 2px);
//}
//
//.t-input-number.t-is-controls-right.t-size-l .t-input-number__decrease{
//  top: calc(calc(calc(var(--td-comp-size-xxxl) / 2) - 2px) + 3px);
//}

.t-input-number.t-size-l {
  //padding: 0 62px;
}

.t-input-number.t-size-l .t-input-number__decrease, .t-input-number.t-size-l .t-input-number__increase {
  //width: 56px;
  //height: 56px;
}

// 按钮
.t-button.t-size-l {
  font-size: 14px;
  //min-height: 56px;
}

// t-link
.edit-btn-color {
  color: #005687 !important;
}

//表格

// 表格
.t-table .t-table__header th {
  //border: 1px solid #F8F8F8 !important;
  border: none;
  background-color: #F8F8F8;
}

.t-table--column-resizable:not(.t-table--bordered) thead.t-table__header:hover th:not(:last-child) {
  border-top: none;
  border-right: none;
}

.t-table table td {
  border-bottom: 1px solid var(--td-gray-color-1) !important;
}

.t-table__header--fixed:not(.t-table__header--multiple) > tr > th {
  background-color: #F8F8F8;
}

.t-table thead td, .t-table th {
  font-weight: 600;
  color: #000000;
}

// 气泡框
.t-popconfirm__inner {
  max-width: 640px;
}


// 自定义样式
.card-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-align: left;
  color: #000000;
}

.popconfirm-body {
  min-width: 260px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  color: var(--td-font-gray-2);


  .popconfirm-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    color: var(--td-font-gray-1);
  }
}


.drawer-head {
  display: flex;
  align-items: center;

  h3 {
    font-size: 16px;
    font-weight: 400;
    color: black;
  }

  .chevron-left {
    width: 22px;
    height: 22px;
    display: flex;
    margin-right: 16px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    border: 1px solid #000000;

    i {
      margin-right: 0 !important;
    }
  }
}

// 图片预览
.tdesign-demo-image-viewer__ui-image {
  //width: 160px;
  //height: 160px;
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: center;
  border-radius: var(--td-radius-small);
  overflow: hidden;
}

.tdesign-demo-image-viewer__ui-image--hover {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  color: var(--td-text-color-anti);
  line-height: 22px;
  transition: 0.2s;
}

.tdesign-demo-image-viewer__ui-image:hover .tdesign-demo-image-viewer__ui-image--hover {
  opacity: 1;
  cursor: pointer;
}

.tdesign-demo-image-viewer__ui-image--img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  cursor: pointer;
  position: absolute;
}

.tdesign-demo-image-viewer__ui-image--footer {
  padding: 0 16px;
  height: 56px;
  width: 100%;
  line-height: 56px;
  font-size: 16px;
  position: absolute;
  bottom: 0;
  color: var(--td-text-color-anti);
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  display: flex;
  box-sizing: border-box;
}

.tdesign-demo-image-viewer__ui-image--title {
  flex: 1;
}

.tdesign-demo-popup__reference {
  margin-left: 16px;
}

.tdesign-demo-image-viewer__ui-image--icons .tdesign-demo-icon {
  cursor: pointer;
}

.tdesign-demo-image-viewer__base {
  width: 160px;
  height: 160px;
  margin: 10px;
  border: 4px solid var(--td-bg-color-secondarycontainer);
  border-radius: var(--td-radius-medium);
}

.prod-img {
  width: 32px;
  height: 32px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F2F2F2;
  border-radius: var(--td-radius-default);

  img {
    width: 32px;
    height: 32px;
    border-radius: var(--td-radius-default);
  }
}

.no-img {
  // 无图
  position: relative;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F2F2F2;
  border-radius: var(--td-radius-default);

  &:after {
    position: absolute;
    content: '';
  }
}


/* 文本溢出隐藏 */
.text-overflow-hidden-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-overflow-hidden-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.text-overflow-hidden-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.mt4 {
  margin-top: var(--td-comp-margin-xs);
}

.mt8 {
  margin-top: var(--td-comp-margin-s);
}

.mt12 {
  margin-top: var(--td-comp-margin-m);
}

.mt16 {
  margin-top: var(--td-comp-margin-l);
}

.mt20 {
  margin-top: var(--td-comp-margin-xl);
}

.mt24 {
  margin-top: var(--td-comp-margin-xxl);
}

.mt32 {
  margin-top: var(--td-comp-margin-xxxl);
}

.ml4 {
  margin-left: var(--td-comp-margin-xs);
}

.ml8 {
  margin-left: var(--td-comp-margin-s);
}

.ml12 {
  margin-left: var(--td-comp-margin-m);
}

.ml16 {
  margin-left: var(--td-comp-margin-l);
}

.ml20 {
  margin-left: var(--td-comp-margin-xl);
}

.ml24 {
  margin-left: var(--td-comp-margin-xxl);
}

.ml32 {
  margin-left: var(--td-comp-margin-xxxl);
}

.mr4 {
  margin-right: var(--td-comp-margin-xs);
}

.mr8 {
  margin-right: var(--td-comp-margin-s);
}

.mr12 {
  margin-right: var(--td-comp-margin-m);
}

.mr16 {
  margin-right: var(--td-comp-margin-l);
}

.mr20 {
  margin-right: var(--td-comp-margin-xl);
}

.mr24 {
  margin-right: var(--td-comp-margin-xxl);
}

.mr32 {
  margin-right: var(--td-comp-margin-xxxl);
}

.mb4 {
  margin-bottom: var(--td-comp-margin-xs);
}

.mb8 {
  margin-bottom: var(--td-comp-margin-s);
}

.mb12 {
  margin-bottom: var(--td-comp-margin-m);
}

.mb16 {
  margin-bottom: var(--td-comp-margin-l);
}

.mb20 {
  margin-bottom: var(--td-comp-margin-xl);
}

.mb24 {
  margin-bottom: var(--td-comp-margin-xxl);
}

.mb32 {
  margin-bottom: var(--td-comp-margin-xxxl);
}

.pt4 {
  padding-top: var(--td-comp-paddingTB-xs);
}

.pt8 {
  padding-top: var(--td-comp-paddingTB-s);
}

.pt12 {
  padding-top: var(--td-comp-paddingTB-m);
}

.pt16 {
  padding-top: var(--td-comp-paddingTB-l);
}

.pt20 {
  padding-top: var(--td-comp-paddingTB-xl);
}

.pt24 {
  padding-top: var(--td-comp-paddingTB-xxl);
}

.pt32 {
  padding-top: var(--td-comp-paddingTB-xxxl);
}

.pl4 {
  padding-left: var(--td-comp-paddingLR-xs);
}

.pl8 {
  padding-left: var(--td-comp-paddingLR-s);
}

.pl12 {
  padding-left: var(--td-comp-paddingLR-m);
}

.pl16 {
  padding-left: var(--td-comp-paddingLR-l);
}

.pl20 {
  padding-left: var(--td-comp-paddingLR-xl);
}

.pl24 {
  padding-left: var(--td-comp-paddingLR-xxl);
}

.pl32 {
  padding-left: var(--td-comp-paddingLR-xxxl);
}

.pr4 {
  padding-right: var(--td-comp-paddingLR-xs);
}

.pr8 {
  padding-right: var(--td-comp-paddingLR-s);
}

.pr12 {
  padding-right: var(--td-comp-paddingLR-m);
}

.pr16 {
  padding-right: var(--td-comp-paddingLR-l);
}

.pr20 {
  padding-right: var(--td-comp-paddingLR-xl);
}

.pr24 {
  padding-right: var(--td-comp-paddingLR-xxl);
}

.pr32 {
  padding-right: var(--td-comp-paddingLR-xxxl);
}

.pb4 {
  padding-bottom: var(--td-comp-paddingTB-xs);
}

.pb8 {
  padding-bottom: var(--td-comp-paddingTB-s);
}

.pb12 {
  padding-bottom: var(--td-comp-paddingTB-m);
}

.pb16 {
  padding-bottom: var(--td-comp-paddingTB-l);
}

.pb20 {
  padding-bottom: var(--td-comp-paddingTB-xl);
}

.pb24 {
  padding-bottom: var(--td-comp-paddingTB-xxl);
}

.pb32 {
  padding-bottom: var(--td-comp-paddingTB-xxxl);
}


/* flex 布局 */
.flex {
  display: flex;
  flex-direction: row;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.align-center {
  align-items: center;
}

.align-stretch {
  align-items: stretch;
}

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.flex-4 {
  flex: 4;
}

.flex-5 {
  flex: 5;
}

